
// window.onload = function() {

//   $(document).keydown(detectBackspace);
//   $(document).keypress(detectKey);

//   //initialize stack
//   var stack= new Array();

//   ///initialize canvas
//   var canvas = $("#game")[0],
//   context = canvas.getContext("2d");
//   context.save();
//   // context.clearRect (1000,800, 0, 0);
//   context.clearRect (0,0, 1000, 800);

//   // set game background
//   set_background();


// /*********************** Event Handlers ******************************/

//   var x= 400;
//   function addPatty(keyID){
//     stack.push(keyID);
//     var src_str= './img/patties/'+keyID+'.png';
//     patty= new Image();
//     patty.src= src_str;
//     patty.onload= function(){
//         context.drawImage(patty, 150, x);
//         x=x-50;
//     }
//   }

//   function removeLayer(){
//     alert(stack.pop());

//     //remove patty
//   }

//   function detectBackspace(e){

//     if (e.keyCode==8){
//       e.preventDefault();
//       removeLayer();
//     }
//   }


//   function detectKey(e){

//     if(e.keyCode!=8){
//       var keyID= e.charCode;
//       var s= String.fromCharCode(e.charCode);

//       if (
//           (keyID==94)||
//           ((keyID<=122)&&(keyID>=97))||
//           ((keyID<=90)&&(keyID>=33))
//         ){
//           if ((keyID!=45)&&(keyID!=43)&&(keyID!=39)&&(keyID!=34)&&(keyID!=61))
//           {
//             alert("you pressed "+s);//65
//             addPatty(keyID);
//           }  
//       }
//     }
//   }
	
  

//   //yes: 94, 33-90(except 34,39,43,45,61), 97-122)
// /*************************** Functions ******************************/

// 	function set_background()
// 	{

//   //background
//   bg_image = new Image();
//   bg_image.src = './img/background.png';
//   bg_image.onload = function(){
//     context.drawImage(bg_image, 100, 100);
//   }

//   //table
//   table_image = new Image();
//   table_image.src = './img/table.png';
//   table_image.onload = function(){
//     context.drawImage(table_image, 100, 550);
//   }

//   //plate
//   plate_image = new Image();
//   plate_image.src = './img/plate.png';
//   plate_image.onload = function(){
//     context.drawImage(plate_image, 130, 510);
//   }

//   //bun_bottom 
//   bun_bottom_image = new Image();
//   bun_bottom_image.src = './img/bun_bottom.png';
//   bun_bottom_image.onload = function(){
//     context.drawImage(bun_bottom_image, 150, 500);
//   }

//   //bun_top 
//   bun_top_image = new Image();
//   bun_top_image.src = './img/bun_top.png';
//   bun_top_image.onload = function(){
//     context.drawImage(bun_top_image, 145, 420);
//   }

//   //body
//   body_image = new Image();
//   body_image.src = './img/sad_body.png';
//   body_image.onload = function(){
//     context.drawImage(body_image, 840, 220);
//   }

//   //left arm
//   larm_image = new Image();
//   larm_image.src = './img/leftarm.png';
//   larm_image.onload = function(){
//     context.drawImage(larm_image, 810, 230);
//   }

//   //right arm
//   rarm_image = new Image();
//   rarm_image.src = './img/rightarm.png';
//   rarm_image.onload = function(){
//     context.drawImage(rarm_image, 895, 230);
//   }

//   //head
//   head_image = new Image();
//   head_image.src = './img/sad_head.png';
//   head_image.onload = function(){
//     context.drawImage(head_image, 800, 110);
//   }

//   //Dialog
//   dialog_image = new Image();
//   dialog_image.src = './img/dialog.png';
//   dialog_image.onload = function(){
//     context.drawImage(dialog_image, 500, 110);
//   }


// }

// };